import { createApp } from 'vue'
import App from './App.vue'
// unocss原子化
import 'uno.css'
// 使用pinia
import { createPinia } from 'pinia';
import { piniaPlugin } from './plugin/pinia-pugin/pinia-plugin';
const pinia = createPinia();
pinia.use(piniaPlugin({
  key: 'pinia'
}))
// 全局组件
import Buttom from './components/globalButton.vue';
// 使用mitt库
import mitt from 'mitt';
const Mit = mitt();
const app = createApp(App);
// 挂到全局
declare module 'vue' {
  export interface ComponentCustomProperties {
    $Bus: typeof Mit
  }
}
app.config.globalProperties.$Bus = Mit;
app.config.globalProperties.env = "production";

// 注册插件
import Loading from './plugin/loading/loading';
app.use(Loading);
// 注册pinia插件
app.use(pinia);
// 路由插件使用 npm install vue-router@4
// 使用Vue3 安装对应的router4版本
// 使用Vue2安装对应的router3版本
import router from './router/index';
app.use(router);

// loadingbar插件
import loadingBar from './plugin/loading-bar/loaidng-bar';
app.use(loadingBar);
app.component('Butn', Buttom).mount('#app')
